<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车结算</title>
    <link rel="stylesheet" href="购物车结算.css">
    <link rel="stylesheet" href="common.css">

</head>

<body>
    <section class="shortcut">

        <div class="w">
            <!-- 登录注册 -->
            <div class="fl">
                品优购欢迎您！ 请<a href="登录.html" style="color:blue">登录</a>或 &nbsp;
                <a href="注册.html" class="zc" target="_blank">免费注册</a>
            </div>
            <div class="fr">
                <p><a href="提交订单.html">我的订单</a></p>
                <span>|</span>
                <ul>
                    <li>我的品优购<i class="iconfont">&#xe631;</i></li>

                    <li>我的品优购</li>
                    <li>我的品优购</li>
                </ul>
                <span>|</span>
                <p>品优购会员</p>
                <span>|</span>
                <p>企业采购</p>
                <span>|</span>
                <ul>
                    <li>关注品优购<i class="iconfont">&#xe631;</i></li>
                    <li>关注品优购</li>
                    <li>关注品优购</li>
                </ul>
                <span>|</span>
                <ul>
                    <li>客户服务<i class="iconfont">&#xe631;</i></li>
                    <li>客户服务</li>
                    <li>客户服务</li>
                </ul>
                <span>|</span>
                <ul>
                    <li>网站导航<i class="iconfont">&#xe631;</i></li>
                    <li>网站导航</li>
                    <li>网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <div class="head">
        <div class="logo">
            <a href="主页面.html"><img src="images/logo.png" alt=""></a>
            <span>购物车</span>
        </div>
        <div class="search">
            <input type="search" placeholder="自营">
            <button>搜索</button>
        </div>
    </div>
    <p class="qbsp">
        全部商品 11
    </p>
    <div class="top">
        <span><input type="checkbox">全选</span>
        <span>商品</span>
        <span>单价（元）</span>
        <span>数量</span>
        <span>小计（元）</span>
        <span>操作</span>
    </div>
    <div class="top2">
        <div class="fleft">
            <input type="checkbox">
            <span>传智自营</span>
        </div>
        <div class="fright">
            <span>运费￥6.00</span>
            <span>还差￥99.00免运费</span>
        </div>
    </div>
    <div class="mai">
        <input type="checkbox">
        <img src="images/充电.png" alt="">
        <div class="jieshao">
            <p>Apple苹果Iphone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
            <span class="lp"><img src="images/礼物.png" alt=""><a href="">购买礼品包装</a></span>
        </div>
        <div class="slh">
            <p>尺码：Thunderbolt至千兆至千兆至千兆</p>
        </div>
        <div class="jb">
            <p>249.00</p>
        </div>
        <div class="sl">
            <div class="jj">
                <a href=""><span>-</span></a>
                <span>1</span>
                <a href=""><span>+</span></a>
            </div>
            <span>有货</span>
        </div>
        <div class="jb2">
            <p>249.00</p>
        </div>
        <div class="dele">
            <p><a href="">删除</a></p>
            <p><a href="">移到我的关注</a></p>
        </div>
    </div>
    <div class="mai2 mai">
        <div class="maii">
            <div class="hg">
                <span>换购</span>
                <span><a href="">活动商品满2888.00元，即可加价换购商品1件 <i class="iconfont">&#xe630;</i></a></span>
                <span><a href="">查看换购商品</a></span>
                <span><a href="">去凑单 <i class="iconfont">&#xe630;</i></a></span>
            </div>
            <div class="maiii">
                <input type="checkbox">
                <img src="images/充电.png" alt="">
                <div class="jieshao">
                    <p>Apple苹果Iphone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span class="lp"><img src="images/礼物.png" alt=""><a href="">购买礼品包装</a></span>
                </div>
                <div class="type">
                    <p>颜色：MzcBook爱人</p>
                    <p>尺寸：13.3英寸</p>
                </div>
            </div>
            <div class="zp">
                <span>[赠品]圣地威（Sendio）MacBook13.3寸屏幕保护</span>
                <span>×1</span>
                <span>[赠品]圣地威（Sendio）MacBook13.3寸屏幕保护</span>
                <span>×1</span>
            </div>
        </div>
        <div class="jb">
            <p>8488.00</p>
        </div>
        <div class="sl">
            <div class="jj">
                <a href=""><span>-</span></a>
                <span>1</span>
                <a href=""><span>+</span></a>
            </div>
            <span>有货</span>
        </div>
        <div class="jb2">
            <p>8488.00</p>
        </div>
        <div class="dele">
            <p><a href="">删除</a></p>
            <p><a href="">移到我的关注</a></p>
        </div>
    </div>
    <div class="mai">
        <input type="checkbox">
        <img src="images/充电.png" alt="">
        <div class="jieshao">
            <p>Apple苹果Iphone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
            <span class="lp"><img src="images/礼物.png" alt=""><a href="">购买礼品包装</a></span>
        </div>
        <div class="slh">
            <p>尺码：Thunderbolt至千兆至千兆至千兆</p>
        </div>
        <div class="jb">
            <p>249.00</p>
        </div>
        <div class="sl">
            <div class="jj">
                <a href=""><span>-</span></a>
                <span>1</span>
                <a href=""><span>+</span></a>
            </div>
            <span>有货</span>
        </div>
        <div class="jb2">
            <p>249.00</p>
        </div>
        <div class="dele">
            <p><a href="">删除</a></p>
            <p><a href="">移到我的关注</a></p>
        </div>
    </div>
    <div class="top3">
        <div class="fleft">
            <input type="checkbox">
            <span>神州数码专营店</span>
        </div>
    </div>
    <div class="mai2 mai">
        <div class="maii">
            <div class="hg">
                <span>换购</span>
                <span><a href="">活动商品满2888.00元，即可加价换购商品1件 <i class="iconfont">&#xe630;</i></a></span>
                <span><a href="">查看换购商品</a></span>
                <span><a href="">去凑单 <i class="iconfont">&#xe630;</i></a></span>
            </div>
            <div class="maiii">
                <input type="checkbox">
                <img src="images/充电.png" alt="">
                <div class="jieshao">
                    <p>Apple苹果Iphone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
                    <span class="lp"><img src="images/礼物.png" alt=""><a href="">购买礼品包装</a></span>
                </div>
                <div class="type">
                    <p>颜色：MzcBook爱人</p>
                    <p>尺寸：13.3英寸</p>
                </div>
            </div>
            <div class="zp">
                <span>[赠品]圣地威（Sendio）MacBook13.3寸屏幕保护</span>
                <span>×1</span>
                <span>[赠品]圣地威（Sendio）MacBook13.3寸屏幕保护</span>
                <span>×1</span>
            </div>
        </div>
        <div class="jb">
            <p>8488.00</p>
        </div>
        <div class="sl">
            <div class="jj">
                <a href=""><span>-</span></a>
                <span>1</span>
                <a href=""><span>+</span></a>
            </div>
            <span>有货</span>
        </div>
        <div class="jb2">
            <p>8488.00</p>
        </div>
        <div class="dele">
            <p><a href="">删除</a></p>
            <p><a href="">移到我的关注</a></p>
        </div>
    </div>
    <div class="js">
        <div class="jleft">
            <input type="checkbox">
            <span>全选</span>
            <span>删除选中的商品</span>
            <span>移到我的关注</span>
            <span>清除下柜商品</span>
        </div>
        <button class="ss">结算</button>
        <div class="jright">
            <p>已选择0件商品 总价（不含运费）： <span>￥16283.00</span></p>
            <p>已节省：-￥20.00</p>
        </div>
    </div>
    <div class="gz">
        <p>已删除商品，您可以重新购买或加关注</p>
        <div class="yellow">
            <span>圣地威（Sendio）MacBook13.3清洁套装</span>
            <span>8488.00</span>
            <span>1 </span>
            <a href="">重新购买</a>
            <a href="">移到我的关注</a>
        </div>
    </div>
    <div class="like">
        <span>猜你喜欢</span>
        <span>特惠换购</span>
    </div>
    <div class="other">
        <a href=""><i class="iconfont">&#xe603;</i></a>
        <span>
            <img src="images/修毛.png" alt="">
            <p>飞科（FLYCO）FS7805鼻毛修剪器 电动鼻毛器 修鼻毛机</p>
            <p>￥25.00</p>
            <a href="">
                <img src="images/购物车2.png" alt="">
                加入购物车
            </a>
        </span>
        <span>
            <img src="images/修毛.png" alt="">
            <p>飞科（FLYCO）FS7805鼻毛修剪器 电动鼻毛器 修鼻毛机</p>
            <p>￥25.00</p>
            <a href="">
                <img src="images/购物车2.png" alt="">
                加入购物车
            </a>
        </span>
        <span>
            <img src="images/修毛.png" alt="">
            <p>飞科（FLYCO）FS7805鼻毛修剪器 电动鼻毛器 修鼻毛机</p>
            <p>￥25.00</p>
            <a href="">
                <img src="images/购物车2.png" alt="">
                加入购物车
            </a>
        </span>
        <span>
            <img src="images/修毛.png" alt="">
            <p>飞科（FLYCO）FS7805鼻毛修剪器 电动鼻毛器 修鼻毛机</p>
            <p>￥25.00</p>
            <a href="">
                <img src="images/购物车2.png" alt="">
                加入购物车
            </a>
        </span>
        <a href=""><i class="iconfont">&#xe604;</i></a>
    </div>
    <footer>
        <div class="footer">
            <div class="up">
                <span>                   
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
                <span>
                    <img src="images/正.png" alt="">
                    <h4>正品保障</h4>
                    <p>正品保障,提供发票</p>
                </span>
            </div>
            <div class="down">
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl class="last">
                    <dt><a href="#">帮助中心</a></dt>
                    <img src="images/二维码.png" alt="">
                    <dd><a href="#">品优购客户端</a></dd>
                </dl>
            </div>
            <div class="btup">
                <p><a href="#">关于我们</a></p>
                <p>|</p>
                <p><a href="#">联系我们</a></p>
                <p>|</p>
                <p><a href="#">联系客服</a></p>
                <p>|</p>
                <p><a href="#">商家入驻</a></p>
                <p>|</p>
                <p><a href="#">营销中心</a></p>
                <p>|</p>
                <p><a href="#">手机品优购</a></p>
                <p>|</p>
                <p><a href="#">友情链接</a></p>
                <p>|</p>
                <p><a href="#">销售联盟</a></p>
                <p>|</p>
                <p><a href="#">品优购社区</a></p>
                <p>|</p>
                <p><a href="#">品优购公益</a></p>
                <p>|</p>
                <p><a href="#">English Site</a></p>
                <p>|</p>
                <p><a href="#">Contact U</a></p>
            </div>
            <div class="btdw">
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br>
                京ICP备08001421号京公网安备110108007702
            </div>
    </footer>
</body>

</html>